Okay so I can't get my pet Paicess' TC to stay in one spot when I switch browsers. It looks fine in FF (centered and all) but it appears to shift up in IE and shift down in Chrome. I already checked and the TC looks find in different screen resolutions (as far as I can tell, I only checked 3-4 in each browser) but the TC shift stays constant from browser to browser (up in IE and down in Chrome).

Pics: Mozilla Firefox Internet Explorer Google Chrome

Link: Pet Profile

Can anybody help me out here? Either with tips, tricks, or to let me know how it looks on your screen/browser... Please also let me know if you do not see the same issue. Thanks!

[edit] So I checked on another computer that only had FF and the TC items didn't show up at all :(

firstly, you might want to add the overlay as the actual overlay ^^

Okay, so here's your code for right now: {position:absolute;height:150px;width:125px;opacity:0.9;margin-top:-1870px;margin-left:446px}

You don't have it set to a certain position after you declared position:absolute. Try adding top:20px; left:450px; after the position:absolute;

You will probably need to change the numbers I put in there, but it should fix that..

Thanks :)

I actually want the 'overlay' at the end of the story. I tried thinking of something else to call it so people wouldn't get confused but the best I could come up with was 'recolor art' since it's not exactly original artwork but I didn't like the sound of that.

I'll try what you suggested after the coding page decides to stop acting like a jerk. It's all mushed together and keeps going back to that after every update which is confusing me. As you can tell very easily, I'm not a coding master so not having the code spread out makes things even harder for me.

Btw, will I need to edit out the last two sections of my line of code to add what you suggested (margin-top:-1870px;margin-left:446px) since that is what I am currently using to move the TC around?

{position:absolute;height:150px;background:;margin-left:220px;margin-top:30px;-moz-border-raidus:15px;border-radius:15px;}

you have the same issue here... no top and left code for where it's going to be ... im going to hazard a guess that you're missing them everywhere you've got your 'absolute' tags...

the same thing with column

basically everywhere you've got a position absolute you need to insert some top and left numbers to position the item

You should use absolute or relative positioning to position objects. Margin aren't supposed to be used like that. The main problem of using padding and margin is that the values of margin and padding aren't the same in every browser, hence the difference you noticed =)

Okay, I'll do a recode later when the profile codes aren't all mushed. Thanks

Ohkay, the other pet profiles I made for my pets didn't present the same issues (and I checked them all the same ways) but this is the first time I've tried to reposition a TC. Thanks for clarifying! Looks like I have a lot of rework to do -_-

try copy and paste the code into word and edit it there, you get more space etc and it also gives you the option to save a backup file there before any edits are done...

I have .docx copies of all of my profile codes already and I definitely won't save over the old one until I'm happy with a new one. But I like seeing the profile change as I code so it's easy for me to notice right away if I mess something up and can fix it easily.

if you saw my post in that thread you linked me to, you would have noticed my post.

There's a bug that squishes your CSS when there's an ad on the page (or whatever). You have to refresh it several times for a page that's not squished, but if you saved it while it was squished, then you'll have to put all the spaces back in.

But I don't get any ads because I have a GA...

hm. I have adblock, so I don't normally see ads anyway. So is every time you refresh a profile (that you did save with spaces, meaning not the profiles you saved without spaces), there are no spaces? That really sucks, sorry! Anyway, I'm not staff so I can't do anything about it :/

But like Tilcara mentioned above, when you use position:absolute; you use top (or bottom) and left (or right) to dictate position, not your margins.

Yep, they're all mushed no matter what. There is only one that I edited while it was mushed and I spaced it all out again before I saved it.

Thanks for all the help guys. Now I know what's wrong even if I can't fix it right away.

This can be locked now.